    <style include="settings-shared">
      cr-input {
        display: inline-block;
        padding-inline-end: 2em;
        --cr-input-width: 8em;
      }
    </style>

    <p>$i18n{securityKeysPINPrompt}</p>
    <cr-input id="pin" value="{{value_}}" min-length="[[minPinLength]]"
        max-length="255" spellcheck="false"
        on-input="onPINInput_"
        invalid="[[isNonEmpty_(error_)]]"
        label="$i18n{securityKeysPIN}" tabindex="0"
        type$="[[inputType_(inputVisible_)]]"
        error-message="[[error_]]">
      <cr-icon-button slot="suffix" id="showButton"
          class$="[[showButtonClass_(inputVisible_)]]"
          title="[[showButtonTitle_(inputVisible_)]]"
          focus-row-control focus-type="showPassword"
          on-click="showButtonClick_"></cr-icon-button>
    </cr-input>
